import "@wangeditor/editor/dist/css/style.css"; // 引入 css

import { onBeforeUnmount, ref, shallowRef, onMounted } from "vue";

export const RichText = () => {
  // 编辑器实例，必须用 shallowRef
  const editorRef = shallowRef();

  // 内容 HTML
  const valueHtml = ref("<p>hello</p>");



  const toolbarConfig = {};
  const editorConfig = { placeholder: "请输入内容..." };

  // 组件销毁时，也及时销毁编辑器
  onBeforeUnmount(() => {
    const editor = editorRef.value;
    if (editor == null) return;
    editor.destroy();
  });

  const handleCreated = (editor: any) => {
    editorRef.value = editor; // 记录 editor 实例，重要！
  };

  return {
    editorRef,
    valueHtml,
    mode: "default", // 或 'simple'
    toolbarConfig,
    editorConfig,
    handleCreated,
  };
};
